<template>
  <div>
    <div class="head">
      <div class="head_left">
        <h3>
          园区概况
        </h3>
      </div>
      <div class="head_right">
        <ul>
          <li>当前位置：</li>
          <li>首页</li>
          <li> >> </li>
          <li>园区概览</li>
          <li> >> </li>
          <li>园区概况</li>
        </ul>
      </div>
      <div class="head_line"></div>
    </div>
    <div class="navigation">
      <ed-submeu index="3" popper-class="popper">
        <template slot="title">{{module3}}</template>
        <div class="navigation_left">
          <ul>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor_top"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Yqgk" style="text-decoration:none;"><a>园区概况</a></router-link>

              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Zbpt" style="text-decoration:none;"><a>周边陪套</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title1.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Wzjjt" style="text-decoration:none;"><a>位置与交通</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Lpfc" style="text-decoration:none;"><a>楼盘风采</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Yqgk" style="text-decoration:none;"><a>3D导览</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Rzqy" style="text-decoration:none;"><a>入驻企业</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Dsj" style="text-decoration:none;"><a>大事记</a></router-link>
              </div>
            </li>
          </ul>
        </div>
      </ed-submeu>
      <div class="navigation_right">
        <div class="nr_top">
          <p>互联网产业园位于重庆两江新区EBD（经济商务区）的核心地带，交通便利</p>
        </div>
        <div class="nr_comtent">
          <img src="../../assets/placeandtraffic.png" style="width: 746px;height: 370px;">
        </div>
        <div class="nr_bottom">
          <div class="bottom_head">
            <p style="font-size: 16px;font-weight: bold;color: #517bc0;">
              交通指引
            </p>
          </div>
          <div class="bottom_mid">
            <div class="mid_left">
              <p>园区附近的公交站:</p>
              <p>中智联公司、沙堡、渝江厂2站、川仪厂、光电园站、天山大道</p>
            </div>
            <div class="mid_right">
              <p>园区附近的公交车:</p>
              <p>666路、852路、886路、832路、869路、878路、145路、851路环线</p>
            </div>
          </div><!--bottom_mid end-->
          <div class="mid_bottom">
            <p>地铁：</p>
            <p>轨道交通6号线、轨道交通6号线悦来支线等。</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style>
  *{
    margin: 0;
    padding: 0;
  }
  .head{
    width: 1004px;
    height: 99px;
    margin: 0 auto;
  }
  .head_left{
    width: 300px;
    height: 71px;
    float: left;
  }
  .head_left h3{
    width: 300px;
    height: 36px;
    padding-top: 36px;
    color: #517bc0;
    font-size: 20px;
  }
  .head_right{
    height: 22px;
    float: right;
    font-size: 12px;
    line-height: 22px;
    padding-top: 36px;
  }
  .head_right li{
    float: left;
    list-style: none;
  }
  .head_line{
    background-color: #a3bbe3;
    clear: both;
    height: 1px;
    width: 100%;
    float: none;
    margin-bottom: 7px;
  }
  .navigation{
    width: 1004px;
    margin: 0 auto;
  }
  .navigation_left{
    width: 258px;
    height: 337px;
    float: left;
  }
  .navigation_left li{
    list-style: none;
    width: 254px;
    height: 50px;
  }
  .navigation_left li a:visited{
    color: black;
  }
  .navigation_left li a:hover {
    color: #3b97d7;
  }
  .parkshow_menuing{
    height: 50px;
    width: 25px;
    float: left;
  }
  .parkshow_menucolor_top{
    height: 32px;
    width: 2px;
    background-color: #dcdcdc;
    padding-bottom: 4px;
    margin-left: 4px;
    margin-top: -4px;
  }
  .parkshow_menucolor{
    height: 30px;
    width: 2px;
    background-color: #dcdcdc;
    margin-left: 4px;
    padding-top: 34px;
    margin-top: -18px;
  }
  /*.parkshow_menucolor_foot{
    height: 22px;
    width: 2px;
    background-color: #dcdcdc;
    margin-left: 4px;
  }*/
  .parkshow_menulist{
    height: 50px;
    width: 229px;
    float: left;
  }
  .navigation_right{
    width: 746px;
    height: 725px;
    float: right;
  }
  .nr_top{
    width: 746px;
    height: 37px;
  }
  .nr_top p{
    font-size: 13px;
    color: #4a4a4a;
  }
  .nr_comtent{
    width: 746px;
    height: 370px;
  }
  .bottom_head{
    width: 746px;
    height: 48px;
    margin-top: 10px;
  }
  .bottom_mid{
    width: 800px;
    height: 140px;
  }
  .mid_left{
    width: 400px;
    height: 140px;
    float: left;
  }
  .mid_left p{
    width: 360px;;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
    color: #4a4a4a;
  }
  .mid_right{
    height: 60px;
    float: left;
  }
  .mid_right p{
    width: 360px;;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
    color: #4a4a4a;
  }
  .mid_bottom{
    width: 746px;
    height: 140px;
  }
  .mid_bottom p{
    width: 360px;;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
    color: #4a4a4a;
  }
</style>

<script>

  export default {
    data() {
      return {msg: ''}
    }
  }

</script>
